<!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8">
    <meta name="viewport" content="maximum-scale=1.0,minimum-scale=1.0,user-scalable=0,width=device-width,initial-scale=1.0" />
    <title>个人中心</title>
    <link rel="stylesheet" type="text/css" href="../../css/api.css" />
    <link rel="stylesheet" type="text/css" href="../../css/aui.css" />
    <style>
        html,
        body {
            width: 100%;
            background: rgba(0, 0, 0, 0);
            line-height: 1;
        }

        html {
            padding: 25px 0 0 0;
        }

        #header {
            color: #FFF;
        }

        #header div {
            color: #FFF;
        }

        #header span{
          color: #FFF;
        }

        .aui-bar-nav {
            border-bottom: none;
        }
    </style>
</head>

<body>
    <header class="aui-bar aui-bar-nav header" id='header'>
        <a class="aui-pull-left aui-btn" onclick="close_win()">
            <span class="aui-iconfont aui-icon-left left_icon"></span>
        </a>
        <div class="aui-title header_title"><span class="left_num">0</span> / <span class="all">0</span></div>
    </header>
</body>
<script type="text/javascript" src="../../script/api.js"></script>
<script type="text/javascript" src="../../script/zepto.js"></script>
<script type="text/javascript">
    apiready = function() {
        $('.left_num').html(api.pageParam.img_index);
        $('.all').html(api.pageParam.imgs_num);
    }


    function close_win() {
        api.closeWin({
            name: 'look_img_win'
        });
    }

    // 修改当前的图片序号
    function changeIndex(index){
      $('.left_num').html(index);
    }
</script>

</html>
